
  .head .h_con .nav li ul.erji li {
    float: none;
    margin: 0 auto;
    padding: 0;
}
    .nav li .erji{ display:none;height:auto; width:250px;text-align:center; position:absolute; top:2.4rem; left:-65px;z-index:5;background:linear-gradient(to right,#5b2774,#ae304b)}
.nav li .erji:after{content: "";width: 0;height: 0;position: absolute;top: -8px;left: calc(50% - 8px);
border-bottom:8px solid #402380; 
border-left:8px solid transparent;
border-right:8px solid transparent;
}
.nav li .erji li{ border-bottom:rgba(255,255,255,0.3) 1px solid; height:45px; line-height:45px;}
.head .nav li ul.erji li a{color:#fff;display:block;text-align:center;}
.nav li .erji a{ height:45px; line-height:45px; width:100%;color:#fff;}
.nav li.cur .erji a{font-family: 'Poppins-Medium';/*background-image: linear-gradient(to right, #fff, #fff);*/}
.nav li.cur .erji a:hover,.h_nav li .erji a:hover{font-family: 'Poppins-Bold';background-image: linear-gradient(to right, #fff, #fff);}
.head .h_con .nav li .erji li a{color:#fff;text-align:center;}
.nav li.li05 .erji{ left:-92px;}
.nav li.li06 .erji{ width:150px; left:-10px;}
.nav li.li07 .erji{ width:200px; left:-48px;}

    i,em{font-style:normal;}
   
        @font-face {
            font-family:'oppb';
            src:url("font/OPPOSans-B.ttf");
        }
        @font-face {
            font-family:'opph';
            src:url("font/OPPOSans-H.ttf");
        }
       @font-face {
            font-family:'oppm';
            src:url("font/OPPOSans-M.ttf");
        }
        @font-face {
            font-family:'oppr';
            src:url("font/OPPOSans-R.ttf");
        }
        /*@font-face {
            font-family:'oppl';
            src:url("font/OPPOSans-L.ttf");
        }*/
    .head{width:100%;height:6.2rem;box-sizing: border-box;left: 0;top: 0;z-index: 20;background: #fff;position:relative;}
    
    .head .logo{float:left;margin-top: 1rem;}
    .head .logo .t_logo{float:left;line-height: 0;overflow: hidden;display: block;width: 17.3rem;height: 4.5rem;z-index: 80;position: relative;}
    .head .logo .t_logo img{width:100%;}

    .head .h_con{float:right;position: relative;}
    .head .hea-tel{position: absolute;right: 0;top: 1.3rem;height: 2rem;text-align: center;display: inline-block;padding: 0 0.5rem;box-sizing: border-box;}
    .head .hea-tel img{display: inline-block;width: 1.35rem;height: 1.35rem;vertical-align: -0.2rem;}
    .head .hea-tel p{position: relative;display: inline-block;margin-left: 0.2rem;font-size: 1.1rem;line-height: 2rem;font-weight: bold;font-family: opph;
background: linear-gradient(to right, #42237f, #b43148);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: transparent;
}

    .head .h_con .nav{margin-top: 4rem;}
    .head .h_con .nav li{float:left;position: relative;margin-left:0.8rem;height: 2.5rem;padding: 0 0.5rem;}
    .head .h_con .nav li>a{display: block;font-size: 0.9rem;color: #000;z-index:200;position: relative;transition: 0.5s;height: 2.5rem;}
    .head .h_con .nav li:hover>a,.head .h_con .nav li.cur>a{color: #12255f;}
    .head .h_con .nav li::before{content:'';width:0;height:0.15rem;background: linear-gradient(to right, #5b2774, #ae304b);position: absolute;bottom:0;left:0;transition: 0.5s;}
    .head .h_con .nav li:hover:before,.head .h_con .nav li.cur:before{width:100%;}
 
   .submenu { position: absolute; left: 50%; top: 100%; transform: translateX(-50%);  display: none; z-index: 99 ;padding-top: 22px !important; box-shadow:0 10px 10px 0 rgba(0,0,0,0.08);}
.submenu p{
    background: rgba(255, 255, 255, .95); padding:6px 21px;border-radius:10px; position: relative;
}
.submenu p:before { position: absolute; content: ""; border-width: 9px 8px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.95); top: -18px; left: 50%; margin-left: -8px }
.submenu a { transition: all .4s ease; display: block; font-weight: 500; padding: 0 17px 0 32px; font-size: 16px; line-height: 48px; color: #333; line-height: 54px; white-space: nowrap; position: relative;border-bottom:1px dotted #B5B5B5; text-align:left;}
.submenu p>a:last-child { border-bottom: 0 }
.submenu p>a:before { position: absolute; content: ""; width:4px;height:4px;border:2px solid rgba(125,125,125,1);border-radius:50%; top: 23px; left: 13px; transition: ease .4s; -o-transition: ease .4s; }
.submenu p>a:hover { color: #2d317b;font-weight:bold; }
.submenu p>a:hover:before { border-color: #2d317b;}
 .h_con ul>li:hover .submenu{display:block;}

    .head.headFix{background:#fff;position: fixed;left: 0;top: 0;height: 6.5rem;box-shadow:0 10px 10px 0 rgba(0,0,0,0.05);z-index: 99;}

    .head.headFix .logo h2 span{color:#282828;}
    .head.headFix .logo h2 i{color:#282828;}
    
     .head.headFix .logo h2 i img:nth-child(1){margin-top:-1.3rem;}
    .head.headFix .h_con .nav li>a{color:#282828; }
    .head.headFix .hea-tel p{color:#000;}
    
          /**/

          @media screen and (min-width: 1263px) {
          html {
              font-size: calc(1263px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1349px) {
          html {
              font-size: calc(1349px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1463px) {
          html {
              font-size: calc(1463px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1543px) {
          html {
              font-size: calc(1543px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1583px) {
          html {
              font-size: calc(1583px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1643px) {
          html {
              font-size: calc(1643px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1663px) {
          html {
              font-size: calc(1663px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1903px) {
          html {
              font-size: calc(1903px * 20 / 1903);
          }
          }
  
  

   .shi-img {
    width: 100%;
    line-height: 0;
    overflow: hidden;
    position: relative;
}

.shi-img img {
    width: 100%;
}

.shi-img11:before {
    width: 100%;
    height: 100%;
    background: url(../images/shi-yy.png) no-repeat center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}
  

  .content01{width: 80rem;margin: 0 auto;min-width: 1200px;max-width: 1600px;}
  .f_bg{background: #1e222e url(images/fotbg.jpg) no-repeat center top;background-size: 100% 33.25rem;height: 33.25rem;margin-top:3.5rem;}
    .f_top{height: 7.5rem;border-bottom: 2px solid #424650;}
    .f_top h2{display:block;line-height: 0;overflow: hidden;margin-top: 1rem;float:left;}
    .f_top h2 img{display: block;width: 18.9rem;height: 5rem;}
    .f_top h2 span{display: block;font-size: 0.8rem;line-height: 0.8rem;color: #ffffff;margin-top: 0.3rem;font-weight: normal;letter-spacing: 0.2rem;}
    
    .f_top h3{display: block;margin-left:1rem ;margin-top: 1.5rem;float: left;height: 3rem;border-left: 1px solid rgba(255,255,255,0.2);padding-left: 1rem;}
     .f_top h3 span{font-size: 1rem;line-height: 1.5;color: #fff;display: block;font-weight: bold;}


    .f_top p{text-align: right;float:right;}
    .f_top p em{font-size: 0.8rem;line-height: 0.8rem;color: #ffffff;font-weight: normal;padding-top:1.6rem;display: block;position: relative;}
    .f_top p b{font-size: 1.5rem;line-height: 1.5rem;color: #ffffff;font-weight: bold;padding-top:0.8rem;display: block;position: relative;font-family: "mon2";}

    .foot_bd{background: url(images/foot_bg.jpg) no-repeat center;/* height:28.9rem; */background-size: 100% 100%;}
    .f_con{height: 21rem;padding-top: 3rem;box-sizing: border-box;border-bottom: 2px solid #424650;}
    .f_nav{width: 58%;float: left;}  
    .f_nav ul{ display: flex;justify-content: space-between;}
.f_nav ul li{border-right: 1px solid #424650;padding-right: 3rem;}
.f_nav ul li:first-child p a{display: block;float: left;width: 50%;}
.f_nav ul li:first-child{width:30%;}
    .f_nav  ul li b>a{font-size: 0.8rem;line-height: 0.9rem;color: #fff;font-weight: bold;padding-bottom:1.2rem;display: block;position: relative;font-family: 'oppr';}
    .f_nav ul li p>a{font-size: 0.7rem;color: #93959b;line-height: 1.8rem;display: block;transition: all 0.5s;font-family: oppl;}
    .f_nav ul li p>a:hover,.f_nav  ul li b>a:hover,.links a:hover{color: #ac304c;}

 
    .fwei{/*! width:10%; */float: right;}
.fwei img{background:#fff;border-radius: 0.5rem;padding:0.5rem;width: 5.3rem;height: 5.3rem;}
    .fwei p span{/*! width: 25%; */display: block;/*! padding-left: 5%; */text-align: center;line-height: 1.6rem;font-size: 0.7rem;padding-bottom: 0.5rem;color:#5d6069;}
    .f_er{width: 25%;float: left;padding-left: 5%;}
    .f_er h2{/*! font-size: 0.9rem; *//*! line-height: 0.9rem; *//*! color: #fff; *//*! font-weight: bold; *//*! padding-bottom:1.2rem; *//*! display: block; *//*! position: relative; *//*! text-align: left; */}
    .f_er p.ftel{font-size: 0.8rem;}
    .f_er p.tm{color:#cdcdce;display: flex;gap: 0.6rem;margin: 0.8rem 0;}
    .f_er p.tm i{font-family: 'oppr';font-size: 0.8rem;}
    .f_er p.tm img{width:1.5rem;height:1.5rem;padding-top:0.1rem;}
    .f_er p.ftel b{font-size: 0.75rem;color: #cdcdce;}
    .f_er p.ftel em{display: block;font-size: 2.15rem;font-family: 'oppb';padding:0 0 1.2rem 0;opacity:1;color:#fff;}
    .f_er p{font-size: 0.8rem;color: #bcbdc1;line-height: 1.8rem;display: block;transition: all 0.5s;text-align: left;}
     ul.wei{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;/*! margin: 2rem 0rem 0 4rem; */float: right;padding-top: 2.5rem;gap:1rem;}
		 ul.wei li{width:2.3rem; height:2.3rem; position: relative;}
		ul.wei li em{display: block;line-height: 0;width: 2.3rem;height: 2.3rem;}
		ul.wei li em img{width:100%;}
		ul.wei li .code{width:10rem;box-shadow: 0px -1.5rem 2.5rem 0px rgba(0,0,0,0.15);padding:0 0.15rem; position: absolute;left:39%;top:-11.4rem; display: none;background:#FFF; transform: translate(-48%,0);z-index: 2;border-radius: 0.5rem;}
		ul.wei li .code::after{content: "";
     position: absolute;
     z-index: 2;
     width: 0;
     height: 0;
     border-top: 0.6rem solid #fff;
     border-left: 0.5rem solid transparent;
     border-right: 0.5rem solid transparent;
     bottom: -0.45rem;
     left: 46%;}
		ul.wei li .code i{display: block; width:100%; line-height: 0;padding: 10px;box-sizing: border-box;}
		ul.wei li .code i img{width:100%;}
		ul.wei li .code b{display: none; height:1.75rem; text-align: center;font-size: 0.8rem;color:#4c4c4c; font-weight: normal;}
		ul.wei li:hover .code{display: block;}
   

   
    .f_bt{background: #1e222e;}


    .f_gd{/* border-top: 0.1rem solid #e2e2e2; */box-sizing: border-box;line-height: 5rem;}
    .f_gd p{float: left;}
    .f_gd p span{color: #4b4e58;font-size: 0.8rem;line-height: 4.4rem;padding: 0 0.6rem;box-sizing:border-box;position: relative;}

    .f_gd p span a{color: #4b4e58;}
    .f_gd p span:first-child{padding-left: 0;}
    .f_gd p span:last-child:after{background: 0;}
    .links{float: right;}
    .links i{font-size: 0.8rem;color: #4b4e58;line-height:4rem;}
    .links a{font-size: 0.8rem;color: #4b4e58;line-height: 5rem;display: inline-block;padding-right: 0.6rem;}
    .links a:last-child{padding-right: 0;}
  

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 31px;
            background-position: -23px -47px;
            background-size: 52px 82px;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: linear-gradient(to right,#5b2774,#ae304b);
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #602872;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
